<!--
 * @Description: * 我的下载
 * @Date: 2021-01-04 21:05:43
 * @LastEditTime: 2021-01-27 20:31:14
 * @Author: Ji YingHao
 * @FilePath: \iview\iview\components\download.vue
-->
<template>
   <div class="download">
       <Row style="font-weight: 600;">
            <Col span="4" class="vip_1">下载时间</Col>
            <Col span="20" class="vip_2">下载内容</Col>
        </Row>
        <Row v-for="(item, index) in list" :key="index">
            <Col span="4" class="vip_1">{{ item }}</Col>
            <Col span="20" class="vip_2">
            <!-- <nuxt-link
                  :to="{ name: 'personalCenter', params: { name: '我的资料' } }"
                  style="line-height: 30px"
                >
                  {{ item.name }}
                </nuxt-link> -->
            </Col>
        </Row>
   </div>
</template>
<script>
   import API from "@/api/index";
   export default { 
      name: "download",
      components: {},
      data() {
         return {
             list: [
                 {
                    name: '禾匠小程序商城 V2.5.8前端+后端，全开源内含所有插件',
                    time: '2021-01-02 19:42:41'
                 },
                 {
                    name: '禾匠小程序商城 V2.5.8前端+后端，全开源内含所有插件',
                    time: '2021-01-02 19:42:41'
                 },
                 {
                    name: '禾匠小程序商城 V2.5.8前端+后端，全开源内含所有插件',
                    time: '2021-01-02 19:42:41'
                 },
                 {
                    name: '禾匠小程序商城 V2.5.8前端+后端，全开源内含所有插件',
                    time: '2021-01-02 19:42:41'
                 },
                 {
                    name: '禾匠小程序商城 V2.5.8前端+后端，全开源内含所有插件',
                    time: '2021-01-02 19:42:41'
                 },
                 {
                    name: '禾匠小程序商城 V2.5.8前端+后端，全开源内含所有插件',
                    time: '2021-01-02 19:42:41'
                 },
                 {
                    name: '禾匠小程序商城 V2.5.8前端+后端，全开源内含所有插件',
                    time: '2021-01-02 19:42:41'
                 }
                 
             ]
         }
      },
      computed: {},
      mounted: function() {
         this.info();
      },
      methods: {
         info() {
            API.download().then((res) => {
            console.log(res.data);
            this.list = res.data;
            });
         }
         
      }
   }
</script>
<style lang="scss">
.download{
       padding-top: 50px;
  padding-bottom: 90px;
  .vip_1{
      text-align: right;
      padding-bottom: 15px;
  }
  .vip_2{
      text-align: left;
      padding-left: 30px;
      padding-bottom: 15px;
  }
}
</style>